<template>
  <div :class="ns.e('container')">
    <img :class="ns.b()" :src="src" alt="" />
  </div>
</template>

<script setup>
import { useNamespace } from '@mdfe/medi-ui';
defineOptions({ name: 'layout-image' });
const props = defineProps({
  src: String,
});
const ns = useNamespace('layout-item-img');
</script>

<style lang="scss" scoped>
@use '@mdfe/medi-ui/theme-chalk/src/mixins/config.scss' as *;
.#{$namespace}-layout-item-img-container,
.#{$namespace}-layout-item-img {
  width: 100%;
  height: 100%;
}
</style>
